<!-- 运营端首页 -->
<template>
	<view class="content">
		<view class="tile">
			<text class="tile_company">深圳市前海泽金产融科技有限公司</text>
			<text class="tile_name">张三</text>
		</view>
		<view class="list">
			<view class="news_list">
				<view class="news_list_box" v-for="(item,index) in newsList" :key="index" @tap="toPage(item)">
					<uni-badge class="uni-badge-left-margin" :text="item.Number" absolute="rightTop" :offset="[7, 7]"
						size="normal">
						<img class="news_img" :src="item.img" alt="" />
					</uni-badge>
					<text class="news_text">{{item.name}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		onLoad() {},
		onUnload() {},
		data() {
			return {
				newsList: [{
						img: '/static/index/edu.png',
						Number: 11,
						name: '额度查询',
						route: '/pages/oms/quotaQuery'
					},
					{
						img: '/static/index/ronzi.png',
						Number: 3,
						name: '融资查询',
						route: '/pages/oms/financingQuery'
					},
					{
						img: '/static/index/huank.png',
						Number: 8,
						name: '还款查询',
						route: '/pages/oms/repayQuery'
					},
					{
						img: '/static/index/zhanye.png',
						Number: 8,
						name: '展业记录',
						route: '/pages/oms/myBusinessList'
					},
				],
			};
		},
		computed: {

		},
		onUnload() {},
		methods: {
			toPage(item) {
				uni.navigateTo({
					url: item.route
				});
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.list {
		display: flex;
		flex-direction: column;
		padding-left: 25rpx;
		padding-right: 25rpx;
	}

	.tile {
		height: 74rpx;
		background: #FFFFFF;
		line-height: 74rpx;
	}

	.tile_company {
		font-size: 28rpx;
		margin-left: 50rpx;
		color: #333333;
		font-weight: 600;
	}

	.tile_name {
		font-size: 28rpx;
		margin-left: 40rpx;
		color: #333333;
		font-weight: 400;
	}

	.news_list {
		height: 581rpx;
		width: 100%;
		background: #FFFFFF;
		border-radius: 16rpx;
		margin-top: 25rpx;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.news_list_box {
		width: 28%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 3% 2%;
	}

	.news_img {
		height: 128rpx;
		width: 128rpx;
	}

	.news_text {
		font-size: 32rpx;
		color: #333333;
		font-weight: 400;
		margin-top: 20rpx;
	}
</style>